<template>
  <div>
    <!--当变量active为1时，展示标签1-->
    <p v-if="state.active == 1">标签1</p>
    <!--当变量active为2时，展示标签2-->
    <p v-else-if="state.active == 2">标签2</p>
    <!--上述都不满足的情况下，展示以下标签-->
    <p v-else>标签3</p>
  </div>
</template>
<script>
import {reactive} from 'vue'
export default{
  setup(){
    const state=reactive({
      active:2
    })
    return {state}
  }
}
</script>